<template>
  <div>DynamicComponent2</div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'

@Component({
  name: 'DynamicComponent2',
})
export default class extends Vue {
  created() {
    console.log('')
    console.log('DynamicComponent2 created')
  }

  beforeMount() {
    console.log('')
    console.log('DynamicComponent2 beforeMount')
  }

  mounted() {
    console.log('')
    console.log('DynamicComponent2 mounted')
  }

  beforeUpdate() {
    console.log('')
    console.log('DynamicComponent2 beforeUpdate')
  }

  updated() {
    console.log('')
    console.log('DynamicComponent2 updated')
  }

  beforeDestroy() {
    console.log('')
    console.log('DynamicComponent2 beforeDestroy')
  }

  activated() {
    console.log('')
    console.log('DynamicComponent2 activated')
  }

  deactivated() {
    console.log('')
    console.log('DynamicComponent2 deactivated')
  }
}
</script>

<style>

</style>
